// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.score-player {
  width: 250px;
  max-width: 100%;
  @media @desktop {
    width: auto;
  }

  &__mods {
    font-size: 22px; // icon size
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
  }

  &__row {
    &--player {
      font-size: @font-size--normal;
      display: grid;
      grid-template-columns: auto 1fr;
      grid-gap: 2px 10px;
      margin: 15px 0;
    }

    &--rank {
      display: grid;
      grid-template-columns: max-content;
      grid-gap: 0 10px;
    }

    &--score {
      display: grid;
    }
  }

  &__rank {
    padding: 0 10px;

    &--label {
      padding-right: 30px;
      background-color: @osu-colour-b6;
      border-radius: 10000px;
      font-size: @font-size--normal;
      text-transform: uppercase;
    }

    &--value {
      font-size: @font-size--large;
    }
  }

  &__score {
    font-size: @font-size--large-4;
    font-weight: 300;
    line-height: 1;
    @media @desktop {
      font-size: @font-size--extra-large;
    }
  }
}
